<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <style>
            table {
                width: 800px;
                
            }
            fieldset{
                border: 1px dashed #888;
            }
            
            input
            
        </style>
    </head>
    <body>
        <form id="id_form" name="nom_form" method="post" action="" enctype="multipart/form-data">
            
            <fieldset>
                <legend>Exercice : créer un formulaire</legend>
                <table>
                    <tr>
                        <label for="date_champ">
                        <th>
                            Date
                        </th>
                        <td>
                            <input type="text" name="date_champ" id="date_champ">
                        </td>
                        </label>
                    </tr>

                    <tr>

                        <th>
                            Sexe
                        </th>
                        <td>
                           <input type="radio" name="sexe_boutons_radio" id="bouton_radio_1" value="1" checked> Homme
                           <input type="radio" name="sexe_boutons_radio" id="bouton_radio_2" value="2"> Femme
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Nom
                        </th>
                        <td>
                           <input type="text" name="nom_champ" id="nom_champ">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Adresse
                        </th>
                        <td>
                           <textarea></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Pays
                        </th>
                        <td>
                           <select name="pays"> <option>France</option> 
                            <option>Angleterre</option> <option>Espagne</option> </select>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Age
                        </th>
                        <td>
                            <input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1" checked> <15
                            <br><input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1"> 15-20  
                            <br><input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1"> 20-25
                            <br><input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1"> 25-30
                            <br><input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1"> 30-40
                            <br><input type="radio" name="age_boutons_radio" id="bouton_radio_2" value="1"> >40
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Sélectionne les images qui te plaisent?
                        </th>
                        <td>
                            <input type="checkbox" name="img1" value="1">
                            <img src="images/image_mini_1.jpg"><a href=images/image_zoom_1.jpg><img src="images/zoomin.gif"></a><br>
                            <input type="checkbox" name="img2" value="1"><img src="images/image_mini_2.jpg"><a href=images/image_zoom_2.jpg><img src="images/zoomin.gif"></a><br>
                            <input type="checkbox" name="img3" value="1"><img src="images/image_mini_3.jpg"><a href=images/image_zoom_3.jpg><img src="images/zoomin.gif"></a><br>
                            <input type="checkbox" name="img4" value="1"><img src="images/image_mini_4.jpg"><a href=images/image_zoom_4.jpg><img src="images/zoomin.gif"></a><br>
                            <input type="checkbox" name="img5" value="1"><img src="images/image_mini_5.jpg"><a href=images/image_zoom_5.jpg><img src="images/zoomin.gif"></a><br>
                            <input type="checkbox" name="img6" value="1"><img src="images/image_mini_6.jpg"><a href=images/image_zoom_6.jpg><img src="images/zoomin.gif"></a><br>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Envoyer votre image
                        </th>
                        <td>
                            <input type="file" name="fichier" id="identifiant">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Associez ce commentaire à l'image
                        </th>
                        <td>
                            <textarea></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>
                        </th>
                        <td>
                            <input type="submit" value="Envoyer">
                        </td>
                    </tr>
                </table>
            </fieldset>
        </form>
    </body>
</html>
